﻿<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header layuiadmin-card-header-auto">
            <button class="layui-btn  layui-btn-normal layuiadmin-btn-tags" data-type="add">添加</button>
            <input type="hidden" name="goodsAttrId" id="goodsAttrId" value="@ViewBag.GoodsSpecId" />
        </div>
        <div class="layui-card-body">
            <table id="LAY-attrvalue-list" lay-filter="LAY-attrvalue-list"></table>
            <script type="text/html" id="layuiadmin-app-cont-tagsbar">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
        </div>
    </div>
</div>

<script>
    layui.use(['index','table'], function () {
        var index = layer.load(2, { shade: false });
        var table = layui.table;
        //分类管理
        table.render({
            elem: '#LAY-attrvalue-list'
            , url: '@Html.Raw(Url.Action("ValueListJson", new { goodsSpecId = ViewBag.GoodsSpecId }))' //模拟接口
            ,method:'post'
            , cols: [[
                { type: 'numbers' }
                , { field: 'Id', width: 100, title: 'ID' }
                , { field: 'Name', title: '名称',minWidth:200 }
            ]]
            , text: { none: '一条数据也没有^_^' }
            , done: function () {
                layer.close(index);
            }
        });

        //监听工具条
        table.on('tool(LAY-attrvalue-list)', function (obj) {
            var data = obj.data;
            if (obj.event === 'del') {
                layer.confirm('确定删除？', function (index) {
                    obj.del();
                    $.post('@Url.Action("ValueDelete")', { id: obj.data.Id });
                    layer.close(index);
                });

            } else if (obj.event === 'edit') {
                var tr = $(obj.tr);
                  layer.open({
                        type: 2
                        , title: '编辑'
                        , content: '@Url.Action("ValueEdit")?id=' + data.Id + '&goodsAttrId=' + $('#goodsAttrId').val()
                        , shade: 0.2
                        , maxmin: true
                        , shadeClose: true
                        , area: ['500px', '300px']
                        , btn: ['确定', '取消']
                        , yes: function (index, layero) {
                            
                            var submit = layero.find('iframe').contents().find("#set_system_submit_btn");
                            submit.click();
                        }
                    });
            }
        });

        var $ = layui.$, active = {
            add: function () {
                    layer.open({
                        type: 2
                        , title: '编辑'
                        , content: '@Url.Action("ValueEdit","GoodsSpec",new { goodsAttrId=ViewBag.GoodsAttrId })'
                        , shade: 0.2
                        , maxmin: true
                        , shadeClose: true
                        , area: ['500px', '300px']
                        , btn: ['确定', '取消']
                        , yes: function (index, layero) {
                            
                            var submit = layero.find('iframe').contents().find("#set_system_submit_btn");
                            submit.click();
                        }
                    });
            }
        }
        $('.layui-btn.layuiadmin-btn-tags').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>


